<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>品优购mobile</title>


  <link rel="stylesheet" href="./lib/fontawesome/css/font-awesome.min.css">
  <link rel="stylesheet" href="./lib/mui/css/mui.min.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">

</head>
<body>
  
  <!-- header -->
  @@include('header.html') 

  <!-- 页面 -->
  <div id="pyg_view">

    <!-- 轮播图 -->
    <div class="lbt"></div>

    <!-- 首页导航 -->
    <div class="nav"></div>

    <!-- 首页商品分类 -->
    <div class="category"></div>
    
  </div>


  <!-- footer -->
  @@include('footer.html', {"index":"0"})


</body>

<script src="./lib/mui/js/mui.min.js"></script>
<script src="./lib/zepto/zepto.js"></script>
<script src="./lib/arttemplate/template-web.js"></script>
<script src="./js/common.js"></script>
<script src="./js/index.js"></script>


</html>

<!-- 轮播图模板 -->
<script type="text/html" id="lbtTpl">
  
  <div class="mui-slider">
      <!-- 图 -->
      <div class="mui-slider-group mui-slider-loop">
        <!--支持循环，需要重复图片节点-->
        <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="{{arr[arr.length-1].image_src}}" /></a></div>
        {{each arr item index}}
        <div class="mui-slider-item"><a href="#"><img src="{{item.image_src}}" /></a></div>
        {{/each}}
        <!--支持循环，需要重复图片节点-->
        <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="{{arr[0].image_src}}" /></a></div>
      </div>

      <!-- 指示器 -->
      <div class="mui-slider-indicator">
        {{each arr item idx}}
        <div class="mui-indicator {{idx===0?'mui-active':''}}"></div>
        {{/each}}
      </div>
    </div>

    
</script>

<!-- 首页分类模板 -->
<script type="text/html" id="catTpl">

  {{each arr item index}}

  <div class="cate_item">
    <!-- 分类title -->
    <div class="cat_title">
        <img src="{{item.group_img}}" alt="">
    </div>

    <ul>
      <!-- 商品item -->
      {{each item.goods item1 index1}}
      <li>
          <a class="detail" href="javascript:;">
            <img src="{{item1.goods_small_logo}}" alt="">
            <div class="info">{{item1.goods_name}}</div>
            <div class="price">￥{{item1.goods_price}}</div>
          </a>
          <a class="similar" href="javascript:;">找相似</a>
      </li>
      {{/each}}
  
    </ul>
    {{/each}}

  </div>

  
</script>